<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>18-循环遍历数组对象并显示</title>
	</head>
	<body>
		<ul>
			<!-- <li><span>深度理解Jquery 中 offset() 方法</span><span>2018-05-26 20:43</span></li> -->
		</ul>
		
		<script type="text/javascript">
			var arr = [
				{
					laysize:8,
					title:'深度理解Jquery 中 offset() 方法 ',
					addtime:'2018-05-26 20:43',
					author:'xml',
					content:'使用函数设置偏移坐标'
				},
				{
					laysize:6,
					title:'jquery中取消和绑定hover事件的正确方式 ',
					addtime:'2018-04-26 20:43',
					author:'cms',
					content:'事件的正确方式'					
				},
				{
					laysize:11,
					title:'FormData的图片上传',
					addtime:'2017-04-26 20:43',
					author:'xiaomi',
					content:'的图片上传'							
				}
			];
			
			//循环数据
			//定义一个字符串变量
			//<li><span>深度理解Jquery 中 offset() 方法</span><span>2018-05-26 20:43</span></li>
			var str = '';
			for(var i=0;i<arr.length;i++){
				//获取循环中的特定对象
				var obj = arr[i];
				var web = "https://cache.iminutes.cn/show/index.html?lay-size="+obj.laysize;
				console.log(obj.laysize+'='+obj.title);
				str+= '<li><span><a href='+web+'>'+obj.title+'</a></span>';
				str+= '<span>'+obj.addtime+'</span></li>';
			}
			//alert(str);
			//抓标签
			document.querySelector('ul').innerHTML = str;
			
		</script>
		
		
		
	</body>
</html>
